body {
    width: 100vw;
}

.p-0 {
    padding: 0;
}

.gap-20 {
    gap: 20px;
}

.title {
    font-size: 32px;
}

.title_section {
    font-size: 20px;
}

.var_color1 {
    color:rgba(9, 165, 219, 1);
}

.var_color2 {
    color:#FFFFFF
}

.space {
    margin: 30px 0px 30px 0px;
}

.border_container {
    box-sizing: border-box;
    border: 0.5px solid rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    padding: 30px 20px 30px 20px;
    margin-bottom: 30px;
}

/*******Banner*******/
.capa_text {
    position: absolute;
    top:20%;
    left:10%;
}

.title_banner {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 45px;
}

.subTitle_banner {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 45px;
}

.title_container {
    margin-bottom: 15px;
}

/*******Botones*******/

/*Boton normal*/
.btn_default {
    width: 130px;
    height: 45px;
    background: #09A5DB;
    color:#FFFFFF;
    border-radius: 12px;
    padding: 13px 19px 14px 18px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    outline: none;
}

.btn_xs {
    width: 93px;
    height: 28px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    background: #16A6DC;
    color:#FFFFFF;
    border-radius: 12px;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    outline: none;
}

/*Boton deshabilitado*/
.btn_disabeld {
    width: 130px;
    height: 45px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    padding:13px 19px 14px 18px;
    background: #D9D9D9;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    outline: none;
}


/*Boton secundario*/
.btn_sec {
    width: 110px;
    height: 30px;
    border: 1.5px solid #16A6DC;
    background: #d9d9d900;
    border-radius: 12px;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px; 
    color: white;
    cursor: pointer;
    outline: none;
}

.btn_sec_xs {
    box-sizing: border-box;
    width: 57px;
    height: 28px;
    border: 1.5px solid #16A6DC;
    border-radius: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    cursor: pointer;
    outline: none;
}

/*******Cards*******/
.card {
    border:none;
}

.text_card {
    color: white;
    padding: 15px 0 15px 15px;
}

.card_default {
    width: 400px;
    height: 400px;
    padding: 15px;
    border-radius: 12px;
}


.card_default:hover {
    background: linear-gradient(26.98deg, rgba(232, 136, 66, 0.6) 0%, rgba(232, 136, 66, 0.286792) 42.26%, rgba(232, 136, 66, 0) 62.71%);
}

.card_s {
    width: 250px;
    height: 300px;
    background: #16A6DC;
    border-radius: 12px;
    color: #FFFFFF;  
}

.card_xs {
    width: 250px;
    height: 250px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.9);
    color: #FFFFFF;  
    margin-bottom: 15px; 
}

/******servicio******/

.section-entertainment {
    margin: 40px 0 60px 0;
}

.section-entertainment .content-card div {
    text-align: center;
}

.section-entertainment .body_card {
    border-radius: 20px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.215);
}

.section-entertainment .body_card img {
    border-radius: 20px;
}

.section-entertainment .body_card .content-card {
    border-radius: 0 0 20px 20px;
}


.section-entertainment .content-card {
    width: 100%;
    background: #000000ba;}

.section-entertainment .card-wrapper {
    padding: 0;
}

.section-entertainment .btn_sec:hover {
    background: #09A5DB;
}


.section-entertainment .body_card .content-card p {
    color: white;
    font-size: 16px;
    text-align: center;
}

.section-entertainment .body_card .content-card {
    color: white;
    font-size: 16px;
}


/**/
.body_card {
    position: relative;
}

.content-card {
    position: absolute;
    bottom: 0;
    padding: 0.5rem;
}

.content-card p {
    margin-bottom: 0.5rem;
    color: white;
}


/*******noticia******/
.news {
    margin: 40px 0 60px 0;
}

.news .card-title {
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card_noticia {
    display: inline;
}

.group-news {
    display: flex;
    padding: 20px;
}

.group-news .card {
    border-radius: 20px;
    position: relative;
    width: 100% !important;
}

.group-news .card img {
    border-radius: 20px 20px 0 0;
}

.group-news .card-body {
    border-radius: 0 0 12px 12px;
    background-color: black;
    color:#FFFFFF;
}

.group-news .card a {
    position: absolute;
    left: 58%;
    top: 0.5rem;
}

/*******videoteca******/

.videoteca {
    margin: 40px 0 60px 0;
    position: relative;
}

.videoteca .card-img-overlay .card-text {
    margin-bottom: 1rem;
    font-size: 16px;
}

.videoteca .card .card-img-overlay .btn_xs {
    color:white;
}

.card-img-overlay {
    padding: 2rem;
    
}

.more_video {
    position: absolute;
    top: 5%;
    left: 70%;
}

.more_video .card_xs {
    position: relative;
    margin-top: 10px;
}

.more_video .card_xs .text_float_card .title_section{
    font-size: 14px;
}

.card_s .down-content {
    padding: 15px;
}

.card_s .down-content a {
    position: relative;
    left: 140px;
    bottom: 260px;
}

.card_xs .down-content a {
    position: relative;
    left: 154px;
    bottom: 230px;
}


.capa_text h1, h2 {
    display: inline;
}

.text_float_card {
    position: absolute;
    bottom: 2%;
    padding: 5px;
}

.text_float_card .title_section, .btn_sec_xs {
    margin-bottom: 5px;
}

/*novedades*/

.novedades {
    margin: 40px 0 60px 0;
}

.novedades .group-news .card img {
    border-radius: 20px 20px 0 0;
}

.novedades .card-title {
    font-size: 16px;
}



/*banner marcas*/

.banner_marcas {
    margin: 40px 0;
}

/* col-sm for larger mobile phones (devices with resolutions ≥ 576px);
col-md for tablets (≥768px);
col-lg for laptops (≥992px);
col-xl for desktops (≥1200px) */

@media (min-width: 1200px) {
    .section-entertainment .body_card img {
        width: 350px;
    }
}


@media (max-width: 992px) {
    .container {
        max-width: 100%;
    }

    .group-news {
        gap: 20px;
    }

    .section-entertainment .body_card img {
        width: 350px;
    }
}

@media (max-width: 576px) {
    .section-entertainment {
        gap: 20px;
    }

    .more_video {
        display: none;
    }

    .header-text .capa_text .title_container .title_banner {
        font-size: 20px;
    }

    .header-text .capa_text .title_container  .subTitle_banner {
        font-size: 16px;
    }

    .news .group-news .card img {
        height: 100%;
    }

    .section-entertainment .body_card img {
        width: 350px;
    }
}

@media (min-width: 380px) {

    .section-entertainment .body_card img {
        width: 100%;
    }
}